import React,{Component} from 'react';
import { Form, Input, Button, Table, Checkbox } from 'antd';
import { Link, history} from 'react-router-dom';
import './index.less';
import Bread from '../../common/Bread/index';
const { TextArea } = Input;



class CreateOrganization extends React.Component {
	constructor(props){
		super(props)
		this.state = {
			checked: true,
		}
	}
	
  	onChange = (e) => {
    	// console.log('checked = ', e.target.checked);
    	this.setState({
      		checked: e.target.checked,
    	});
  	}

	render(){
		const disabledOrNot = this.state.checked ? 'primary' : 'default';
		const disabled = this.state.checked ?  '' : 'disabled'
		return(
			<div style={{paddingTop: '1px'}}>
				<Bread bread={['组织管理',['组织管理','accountService'],['新建一个组织','accountService/CreateOrganization']]}/>
				<div className="subTopBox">
					<div className="subTopBox-hd">
						<div className="hd-title">
							<span className="step active">
								<i>1</i>
							同意协议</span>
							<em className="line"></em>
							<span className="step">
								<i>2</i>
							填写资料</span>
							<em className="line"></em>
							<span className="step">
								<i>3</i>
							等待审核</span>
						</div>
					</div>
					<div className="serviceCont">
						<h3 className="title">中化Baas平台组织服务协议</h3>
						<div className="textarea">
							<p>欢迎您使用中化 BaaS 平台的组织服务相关功能。</p>
							<p className="contTitle">成功注册成为中化 BaaS 平台用户后，您即有权创建组织机构。在创建组织机构时，您需要提供如下信息给中化 BaaS 平台，并保证信息的真实准确：</p>
							<p>法人代表姓名（需与营业执照信息一致）</p>
							<p>组织名称（需与营业执照信息一致） </p>
							<p>组织英文名称（如没有官方英文名，用中文名称的汉语拼音拼写代替）</p> 
							<p>机构办公地址（需保证与实际办公地址一致，并确保准确性）</p>
							<p>营业执照（需上传 pdf、jpg、png、gif 等图片格式，清晰可辨的营业执照）</p>
							<p>联系人姓名（您的真实姓名）</p>
							<p>联系人电话（您的手机号码）</p>
							<p>联系人邮箱（您的邮箱地址）</p>
							
							<p className="contTitle">您的账号在成功创建组织机构后，会自动升级为该组织的管理员。作为组织管理员中化 BaaS 平台为您提供全权审核、管理用户的权利，中化 BaaS 平台不参与您组织下用户的审核和管理工作。</p>
							<p className="contTitle">您作为组织的管理员，有责任和义务对您组织下的用户进行管理，并对组织下用户的行为负责。您以及您所负责的组织下用户在使用中化 BaaS 平台服务时（包含但不限于上传资 料、进行交易、审批管理、应用开发等），必须遵守国家相关法律法规和公共道德准则，维护计算机网络安全。</p>
							<p>不得从事危害国家安全、泄漏国家机密等违法犯罪活动；</p>
							<p>不得发布、查阅、复制和传播妨碍社会治安、破坏国家统一、破坏民族团结、宣扬色情暴力等违反宪法和法律的信息。</p>
							<p className="contTitle"><b>若您在使用中化 BaaS 平台服务过程中有任何违反本使用协议的行为，中化 BaaS 平台有权随时单方面采取行动暂停或终止向您提供服务，并有权追究您相关责任。</b></p>
							<p className="contTitle">继续创建组织，意味着您已经完全理解并接受本协议。</p> 
						</div>
						<p className="textareaSer">
							<Checkbox
				            checked={this.state.checked}
				            disabled={this.state.disabled}
				            onChange={this.onChange}
				          >
				            我同意并遵守上述的《中化Bass平台组织服务协议》
				          </Checkbox>	
						</p>
						<div className="nextBtn">
							<Link to='/accountService/Fillimformation'>
								<Button
						            style={{ marginLeft: '10px' }}
						            type= {disabledOrNot}
						            size="small"
						            disabled={disabled}
						          >
						            下一步
						        </Button>
					        </Link>
				          </div>
					</div>
				</div>
			</div>
			)
	}
}


export default CreateOrganization